<div class="example-wrapper">
    <div>
        <span class="button-group">
            <button onclick="expandAthleteAndCompetition()">Expand Athlete & Competition</button>
            <button onclick="collapseCompetition()">Collapse Competition</button>
            <button onclick="expandAll()">Expand All</button>
            <button onclick="collapseAll()">Collapse All</button>
        </span>
    </div>
    <div id="myGrid" class="ag-theme-quartz"></div>
</div>